<!DOCTYPE html>
<!-- saved from url=(0052)https://getbootstrap.com/docs/4.0/examples/checkout/ -->
<html lang="en">

<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../static/images/i-nice-logo.svg">

    <title>Show configurations</title>
    <link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/checkout/">

    <!-- Bootstrap core CSS -->
    <link href="../static/running_config/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="../static/running_config/form-validation.css" rel="stylesheet">
   <link href="../static/css/main.css" rel="stylesheet">
     <script src="../static/js/5ec65ef964.js"></script>
    <script src="../static/running_config/jquery-3.5.1.js"></script>
  </head>


  <body class="bg-light">
     <div class="all-content">
        <!-- sidebar links left -->
        <div class="sidebar">
            <h2><img src="../static/images/i-nice-logo.svg" height="100px"></h2>
            <ul>
                <li><a href=""><i class="fas fa-home"></i>Home</a></li>
                <li><a href="{{ url_for('ac.running_config') }}"><i class="fas fa-flask"></i>Configurations</a></li>
                <li><a id="sidebardataset"><i class="fas fa-chart-bar"></i>Dataset Details</a></li>
                <li><a id="sidebarresult"><i class="fas fa-tree"></i>Results</a></li>
                <li style="background: #C88D33"><a href="{{ url_for('ac.show_config') }}"><i class="fas fa-flask"></i>Simple Configurations</a></li>
                <li><a id="sidebarsimre" ><i class="fas fa-flask"></i>Simple Results </a></li>
            </ul>

            <!-- sidebar links footer tag starts here -->
            <div class="footer_tag">
                <a href="">Copyright Inice visualization 2020</a>

                <!-- sidebar links footer tag ends here -->
            </div>


            <!-- sidebar links left tag ends here -->
        </div>
        <div class="main-content">

            <div id="process_visualization_config_page">
                <p><a href="" onclick="CloseProcessConfigPage()">X</a> </p>
                <img src="../static/images/data1.gif" alt="Process Visualization"/>


            </div>

            <!-- top welcome message -->
            <div class="header">
                <h1 align="center">
                    Welcome to Inice Visualization Platform
                </h1>

                <p align="right" style="margin-right: 30px;">
                    <a href="logout">logout</a>
                </p>

            </div>


            <form action="show_config" class="needs-validation" novalidate="" method="POST" onkeypress="return event.keyCode != 13;">
{#            <div class="infoUp">#}
{#                <h4>Configuration Name: <input type="text" name="" id="configNameInput" > </h4>#}
{#            </div>#}

            <div class="info">


                <div class="info1" style="background: white;">

                      <div class="col-md-12 mb-3" style="display: flex; flex-direction: column; align-items: center;">

                        <table border="0" style=" text-align: center;
                         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                         width: 1000px;
                         padding:10px;
                         margin: auto;
                         margin-top: 30px;
                       ">

                  <thead>
                    <th>&nbsp;</th>
                    <th>Description</th>
                    <th>Dataset summary</th>
                    <th>Dataset Detail</th>
                    <th>Run Dataset</th>
                  </thead>
                  <tbody>
                    {% for dsDesc in dsDescs %}
                  <tr>
                    <td>{{ dsDesc['name'] }}</td>
                    <td>{{ dsDesc['desc'] }}</td>
                    <td>{{ dsDesc['trueCentersNum'] }} centers,<hr>
                        {{ dsDesc['rows'] }} rows, <hr>
                        {{ dsDesc['clustersNum'] }} clusters</td>
                    <td> <a target="_blank" href="./dataset_detail?id={{ dsDesc['id'] }}" >More...</a></td>
                      <td><input type="checkbox" id={{ dsDesc['code'] }} name={{ dsDesc['code'] }} style="width: 20px;" ></td>
                  </tr>
                    {% endfor %}
                  </tbody>
                </table>

                      <a class="uploadfile" style="background-color: #007bff;margin: 15px 0 0 0; position: relative;
                          cursor: pointer; height: 48px; border-radius: .3rem;width: 600px;overflow: hidden;display: inline-block;
                          line-height: 48px;text-align: center; color: white; font-weight: 400;font-size: 1.25rem">
                              <input type="file" style="opacity: 0; position: absolute;right: 0;top: 0;cursor: pointer;width: 850px;">Upload Dataset
                          </a>
                          <button class="btn btn-primary btn-lg btn-block" type="submit" style=" width: 600px; margin: auto; margin-top: 30px;" onclick="processConfigPage()">Start To Run</button>
              </div>

                </div>
            </div>
            </form>


        </div>
     </div>
      <script>
        $("#sidebardataset").click(function (){
                  var old_sidedir = document.getElementById("sidebardataset");
                  if(old_sidedir.href==""){
                      alert("Please select the dataset first!")
                  }
              });
      $("#sidebarresult").click(function () {
                  var old_sideresult = document.getElementById("sidebarresult");
                  if(old_sideresult.href==""){
                      alert("Please run config first!")
                  }
              });
      $("#sidebarsimre").click(function () {
                  var old_sidesimre = document.getElementById("sidebarsimre");
                  if(old_sidesimre.href==""){
                      alert("Please enter the page via simple config!")
                  }
              });
    </script>
    <script src="../static/js/main.js"></script>
   <script src="../static/running_config/popper.min.js.download"></script>
    <script src="../static/running_config/bootstrap.min.js.download"></script>
    <script src="../static/running_config/holder.min.js.download"></script>

  </body>
 </html>

        